.login {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: auto;
    .header-contant {
        position: relative;
        .reg_bg {
            display: block;
            width: 100%;
        }
        .tips {
            position: absolute;
            bottom: 0;
            left: 1rem;
            .t1 {
                font-size: 0.53rem;
                color: #36404A;
                font-weight: bold;
            }
            .t2 {
                margin-top: 0.2rem;
                color: #84909B;
                font-weight: 500;
                font-size: 0.35rem;
            }
        }
    }
    .main-contant {
        padding: 0 1rem;
        width: 100%;
        box-sizing: border-box;
        .input_view {

            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 0.5rem;
            box-sizing: border-box;
            .img {
                margin: 0 0.2rem;
                width: 0.4rem;
                height: 0.4rem;
            }
            .input {
                font-size: 0.64rem;
                font-weight: bold;
                color: rgba(54, 64, 74, 1);
                line-height: 1rem;
                border: none;
                border-bottom: 1px solid #D4D4D7;
                outline: none;
                width: 100%;
                border-radius: 0;
            }
            .send_btn {
                display: block;
                width: 3rem;
                height: 1rem;
                background: rgba(229, 231, 238, 0.5);
                border-radius: 1rem;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #636D8F;
                font-size: 0.35rem;
                font-weight: bold;
                flex-shrink: 0;
                margin-left: 1rem;
            }
        }
        .agree {
            margin-top: 2rem;
            font-size: 0.35rem;
            font-weight: 500;
            color: rgba(99, 109, 143, 1);
        }
        .next {
            background: linear-gradient(-45deg, rgba(39, 225, 188, 1), rgba(38, 212, 213, 1));
            box-shadow: 0px 3px 35px 0px rgba(2, 246, 210, 0.4);
            border-radius: 1rem;
            margin-top: .4rem;
            height: 1.17rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: .37rem;
            font-weight: bold;
        }
    }
}
